<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<body>
		<li>
			<b> 日期时间输入框提供了将日期输入和时间输入整合到一起的功能</b>
		</li>
		<li>
			<b> 以下示例分别展示的是日期时间输入框的显示格式及日期时间的样式设定 </b>
		</li>
		<br />
		<cw:form>
			<li>
				日期时间输入框，数据类型为Date，数据传输及显示的默认日期格式为Y-m-d H:i:s
				<table>
					<tr>
						<td align="right">
							日期+时间：
						</td>
						<td>
							<cw:dateTimeField property="datetime" id="datetime1"></cw:dateTimeField>
							<script type="text/javascript">
								cf_r(function(){
									Ext.getCmp('datetime1').setValue(new Date());
								})
							</script>
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				可以通过属性分别设定日期(dateFormat)和时间(timeFormat)输入框的显示格式
				<table>
					<tr>
						<td align="right">
							日期+时间：
						</td>
						<td>
							<cw:dateTimeField property="datetime" id="datetime2" dateFormat="Y年m月d日" timeFormat="H:i"></cw:dateTimeField>
							<script type="text/javascript">
								cf_r(function(){
									Ext.getCmp('datetime2').setValue(new Date());
								})
							</script>
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				可以通过属性分别设定日期(dateWidth)和时间(timeWidth)输入框的宽度
				<table>
					<tr>
						<td align="right">
							日期+时间：
						</td>
						<td>
							<cw:dateTimeField property="datetime" id="datetime3" dateWidth="100" timeWidth="80"></cw:dateTimeField>
							<script type="text/javascript">
								cf_r(function(){
									Ext.getCmp('datetime3').setValue(new Date());
								})
							</script>
						</td>
					</tr>
				</table>
				<br />
			</li>
		</cw:form>
	</body>
	<cw:theme></cw:theme>
</html>
